/************导航栏总模块**************/
.top > div {
    /*border: 1px solid red;*/
    height: 70px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0px 20px;
    background-color: rgb(45, 45, 45);
}

/*<!--小logo模块-->*/
.top > div > div:first-child > div:nth-child(1) {
    height: 70px;
    width: 80px;
    display: flex;
    justify-content: center;
    margin: 4px;
    /*border: 1px solid red;*/
}

.top > div > div:first-child > div:nth-child(1) > img {
    height: 60px;
    width: 80px;
    display: flex;
    padding: 5px;
    justify-content: center;
}

.top > div > div:first-child {
    height: 100%;
    width: 200px;
    display: flex;
    align-items: center;
    color: aliceblue;
    margin: 0 0px 0 100px;
    /*border: 1px solid black;*/
}

/*导航部分*/
a {
    text-decoration: none;
    color: gray;
}

.top > div > div:first-child > div:nth-child(2) {
    height: 70px;
    width: 100px;
    display: flex;
    justify-content: center;
    /*border: 1px solid blue;*/

}

.top > div > div:first-child > div:nth-child(2) > div:first-child {
    margin: 10px;
}

.top > div > div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 1000px;


    margin: 0 100px 0 0;
    /*border: 1px solid blue;*/
}

.top > div > div:nth-child(2) > a {
    /*border: 1px solid blue;*/

    display: flex;
    justify-content: center;
    width: 250px;

    line-height: 100%;
    padding: 30px 0 ;
    font-size: 18px;
    font-family: 宋体;
    align-items: center;
}

/*导航超链接部分*/
.top > div > div:nth-child(2) > a > div:hover {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: red;
    /*border: 1px solid yellow;*/
    color: white;
    line-height: 100%;
    height: 70px;
    width: 100%;

    font-size: 18px;
    font-family: 宋体;
}

/***********首页第一张图片*************/
.eyes > div > img {
    /*width: 1646px;*/
    /*height: 1287px;*/
    margin: 0 0 30px;

}

/****************首页第二栏图片及下拉文字介绍**********/
.arm {
    background-image: url("../img/m1z5.jpg");
    /*width: 1646px;*/
    height: 487px;
}

.arm {
    display: flex;
    justify-content: center;
}

.arm > div:first-child {
    /*border: 1px solid red;*/
    width: 460px;
    height: 200px;
    padding: 50px 0;
    margin-right: 800px;

}

.arm > div:first-child > div:first-child > div:nth-child(1) {
    color: red;
    font-size: 30px;
    font-weight: bold;


}

.arm > div:first-child > div:first-child > div:nth-child(2) {
    color: aliceblue;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 30px 0;
}

.arm > div:first-child > div:nth-child(2) {
    color: gray;
    line-height: 30px;
}

/*首页关于我们简介*/
.reading > div {
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    line-height: 30px;
    margin: 30px 100px;
    width: 80%;
}

/*首页私教内容*/
.hands > div:first-child {
    background-image: url("../img/cjg0.jpg");
    /*width: 1646px;*/
    /*height: 717px;*/

}

.hands > div:first-child {
    display: flex;
    /*flex-direction: column;*/
    /*justify-content: center;*/
    margin: 0 auto;


}

.hands > div:first-child {
    /*border: 1px solid red;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.hands > div:first-child > div:first-child > div:nth-child(1) {
    /*border: 1px solid red;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 20px;
    line-height: 30px;
    /*width: 200px;*/
    height: 200px;
    align-items: center;


}

.hands > div:first-child > div:first-child > div:first-child > div:first-child {
    color: red;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 30px 0;

}

.hands > div:first-child > div:first-child > div:first-child > div:nth-child(2) {
    color: aliceblue;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 10px 0;

}

.hands > div:first-child > div:nth-child(2) > div {
    /*border: 1px solid red;*/
    /*width: 80%;*/
    height: 100%;
    display: flex;
    justify-content: space-around;
    margin: 30px 50px;
    /*padding: 10px;*/
    color: aliceblue;

}

.hands img {
    margin-right: 50px;
}

.hands > div:first-child > div:nth-child(2) > div {
    display: flex;
    align-items: center;
    margin: 10px 10px 10px 0;
    /*flex-direction: column;*/
    /*border: 1px solid red;*/
}

.hands > div:first-child > div:nth-child(2) > div > div:first-child > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 10px 10px 0;
}

.hands > div:first-child > div:nth-child(2) > div > div:first-child > div:nth-child(2) > div:first-child {
    padding: 5px;
    font-size: 22px;

}

.hands > div:first-child > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 10px 10px 0;
}

.hands > div:first-child > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:first-child {
    padding: 5px;
    font-size: 22px;
}

.hands > div:first-child > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 10px 10px 0;
}

.hands > div:first-child > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > div:first-child {
    padding: 5px;
    font-size: 22px;
}

/**************按钮位置*****************************/
.hands > div:first-child > div:nth-child(3) > a {
    color: white;
    width: 100px;
    border: 1px solid white;
    /*background-color: red;*/
    display: flex;
    margin-bottom: 20px;
}

.hands > div:first-child > div:nth-child(3) > a > div {
    line-height: 50px;
    width: 100px;
    display: flex;
    justify-content: center;

}

.hands > div:first-child > div:nth-child(3) > a > div:nth-child(1):hover {
    background-color: white;
    color: gray;

}

.hands > div:nth-child(2) {
    background-color: rgb(215, 41, 42);
    width: 100%;
    height: 70px;
    color: white;
    margin: 0 0 30px;
}

.hands > div:nth-child(2) > div {
    height: 70px;
    display: flex;
    justify-content: space-between;
    margin: 0 200px;
    align-items: center;

}

.hands > div:nth-child(2) > div > div:nth-child(1) {
    line-height: 30px;
}

.hands > div:nth-child(2) > div > div:nth-child(2) > a {
    border: 1px solid white;
    width: 100px;
    display: flex;
    justify-content: center;
    line-height: 50px;
    color: white;
}

.hands > div:nth-child(2) > div > div:nth-child(2) > a:hover {
    background-color: white;
    color: gray;
}

/*************首页新闻板块*******************/
.fingers > div:first-child {
    justify-content: center;
}

.fingers > div:first-child > div {
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-content: center;
    /*border: 1px solid red;*/
    height: 100px;
    margin: 40px 0;
}

.fingers > div:first-child > div > div:first-child {
    color: rgb(213, 30, 27);
    font-size: 25px;
    font-weight: bold;
}

.fingers > div:first-child > div > div:nth-child(2) {
    font-size: 20px;
    font-weight: bold;
    color: rgb(75, 65, 52);
}

.fingers > div:nth-child(2) {
    display: flex;
    justify-content: space-between;
    height: 500px;
    width: 70%;
    /*border: 1px solid red;*/
    margin: 0 260px 0;
    align-items: center;
}

.fingers > div:nth-child(2) > div:nth-child(1) > {
    /*display: flex;*/
    /*justify-content: center;*/

}

.fingers img {
    /*justify-content: center;*/
    height: 300px;

}

.fingers > div:nth-child(2) > div > div:nth-child(2) {

    /*border: 1px solid blue;*/
    width: 300px;
    line-height: 20px;
    margin: 30px 0;

}

.fingers > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) {

    /*border: 1px solid blue;*/
    font-size: 15px;
    color: black;

}

.fingers > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) {

    /*border: 1px solid blue;*/
    font-size: 10px;
    color: gray;

}

.fingers > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) {

    /*border: 1px solid blue;*/
    font-size: 10px;
    color: gray;

}

/****************按钮部分****************/
.fingers > div:nth-child(3) {

    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*border: 1px solid blue;*/
}

.fingers > div:nth-child(3) > a {
    border: 1px solid red;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: red;
    color: white;
    line-height: 50px;
}

/*****************体验填表*******************/
.fit {
    background-image: url("../img/klan.jpg");
    height: 652px;
}

.fit > div {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /*border: 5px solid red;*/
    height: 100%;
}

.fit img {
    height: 100%;
    padding: 0;
    /*border: 1px solid blue;*/
    margin-bottom: 0;


}

.fit > div > div:nth-child(2) {
    color: #5a5a5a;
    /*border: 1px solid white;*/
    margin: 100px 0 100px 40px;
    width: 586px;
    height: 452px;
    background-color: white;
    padding: 20px 50px;

}

.fit > div > div:nth-child(2) > div:first-child {
    font-size: 18px;
    color: red;
    margin: 30px 0;
    font-weight: bold;

}

.fit > div > div:nth-child(2) > div:nth-child(2) {
    line-height: 30px;
}

.fit > div > div:nth-child(2) > div:nth-child(3) {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 5px;
    line-height: 30px;
}

.fit > div > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(2) {
    height: 40px;
    width: 280px;
    border: 1px solid gray;

}


.fit > div > div:nth-child(2) > a > div {
    background-color: red;
    /*border: 1px solid blue;*/
    width: 150px;
    height: 50px;
    margin: 5px 0 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: white;
}

.fit > div > div:nth-child(2) > div:nth-child(5) {
    color: rgb(75, 65, 52);
    font-size: 25px;
    font-weight: bold;
    margin: 25px 0;
}

/**************底部配色底纹**************************/

.foot {
    height: 30px;
    width: 100%;
    background-color: rgb(45, 45, 45);
}
